<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <title>Login</title>
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link th:href="@{https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i}" rel="stylesheet" />
    <link th:href="@{https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i}" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" th:href="@{/mall/revolution/css/settings.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/mall/revolution/css/layers.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/mall/revolution/css/navigation.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/mall/css/main.css}" />

</head>
<body class="animsition">
<div class="checkout" id="page">
    <nav id="menu">
        <ul>
            <li><a th:href="@{/fore/index.html}">Home</a></li>
            <li><a th:href="@{/fore/shop.html}">Shop List</a></li>
            <li><a th:href="@{/fore/shop-detail.html}">Shop Detail</a><li>
            <li><a th:href="@{/fore/wish-list.html}">Wishlist</a></li>
            <li><a th:href="@{/fore/shop-cart.html}">Shop Cart</a></li>
            <li><a th:href="@{/fore/check-out.html}">Checkout</a></li>
        </ul>
    </nav>
    <div th:replace="@{/include/fore_header}::header"></div>
    <section class="sub-header shop-detail-1">
        <img class="rellax bg-overlay" th:src="@{/mall/images/sub-header/015.jpg}" alt="">
        <div class="overlay-call-to-action"></div>
        <h3 class="heading-style-3">注册账户</h3>
    </section>
    <section class="boxed-sm">

        <div class="container">
            <div class="woocommerce">
                <div class="woocommerce-info-wrapper">
                    <div class="row">

                    </div>
                </div>
                <div class="row">
                    <form class="woocommerce-checkout" role="form" th:action="@{/customer/update}" method="post">
<!--                        &lt;!&ndash;                        <h4>注册</h4>&ndash;&gt;-->
<!--                        <div class="row">-->
<!--                            <div class="col-md-4"></div>-->
<!--                            <div class="col-md-4">-->
<!--                                <div class="form-group organic-form no-radius">-->
<!--                                    <label>用户名</label>-->
<!--                                    <input class="form-control" type="text" name="customerName">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
                        <input th:value="${session.customerId}" name="customerId" hidden>
                        <input th:value="${session.customerName}" name="customerName" hidden>
                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-4">
                                <div class="form-group organic-form no-radius">
                                    <label>邮箱</label>
                                    <input class="form-control" type="email" name="customerEmail"  th:value="${session.customerEmail}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-4">
                                <div class="form-group organic-form no-radius">
                                    <label>电话</label>
                                    <input class="form-control" type="text" name="customerPhone"  th:value="${session.customerPhone}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-4">
                                <div class="form-group organic-form no-radius">
                                    <label>地址</label>
                                    <input class="form-control" type="text" name="customerAddress" th:value="${session.customerAddress}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-4">
                                <div class="woocommerce-account-fields">
                                    <div class="desc widget-link">
                                                <input class="place_order btn btn-brand-ghost pill " name="woocommerce_checkout_place_order" value="修改" data-value="modify" style="float: right;" type="submit">

                                    </div>

                                </div>

                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<div th:replace="@{/include/fore_footer}::footer"></div>
<script th:src="@{/mall/js/library/jquery.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap.min.js}"></script>
<script th:src="@{/mall/js/function-check-viewport.js}"></script>
<script th:src="@{/mall/js/library/slick.min.js}"></script>
<script th:src="@{/mall/js/library/select2.full.min.js}"></script>
<script th:src="@{/mall/js/library/imagesloaded.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/jquery.mmenu.all.min.js}"></script>
<script th:src="@{/mall/js/library/rellax.min.js}"></script>
<script th:src="@{/mall/js/library/isotope.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-notify.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-slider.js}"></script>
<script th:src="@{/mall/js/library/in-view.min.js}"></script>
<script th:src="@{/mall/js/library/countUp.js}"></script>
<script th:src="@{/mall/js/library/animsition.min.js}"></script>
<script th:src="@{/mall/js/global.js}"></script>
<script th:src="@{/mall/js/config-mm-menu.js}"></script>
</body>
</html>

